.login {
    min-height: 100vh;
    padding: 3.75rem;
    display: flex;
    align-items: center;
}
.login .login-content {
    max-width: 22.5rem;
    margin: 0 auto;
    position: relative;
    flex: 1;
}

:root {
    --bs-theme: #1f6bff;
    --bs-theme-rgb: 31, 107, 255;
    --bs-theme-color: #FFFFFF;
    --bs-theme-color-rgb: 255, 255, 255;
    --bs-component-bg: #FFFFFF;
    --bs-component-bg-rgb: 255, 255, 255;

    --bs-blue: #1f6bff;
    --bs-indigo: #640DF3;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #e6180d;
    --bs-orange: #FF9500;
    --bs-yellow: #FFCC00;
    --bs-green: #028824;
    --bs-teal: #20c997;
    --bs-cyan: #30beff;
    --bs-black: #000000;
    --bs-white: #FFFFFF;
    --bs-gray: #657eae;
    --bs-gray-dark: #3c4e71;
    --bs-gray-100: #ebeef4;
    --bs-gray-200: #dae0ec;
    --bs-gray-300: #c9d2e3;
    --bs-gray-400: #a8b6d1;
    --bs-gray-500: #869ac0;
    --bs-gray-600: #657eae;
    --bs-gray-700: #4d6593;
    --bs-gray-800: #3c4e71;
    --bs-gray-900: #212837;
    --bs-default: #dae0ec;
    --bs-theme: #1f6bff;
    --bs-theme-color: #FFFFFF;
    --bs-primary: #1f6bff;
    --bs-secondary: #c9d2e3;
    --bs-success: #028824;
    --bs-info: #30beff;
    --bs-warning: #FF9500;
    --bs-danger: #e6180d;
    --bs-light: #ebeef4;
    --bs-dark: #212837;
    --bs-blue: #1f6bff;
    --bs-indigo: #640DF3;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #e6180d;
    --bs-orange: #FF9500;
    --bs-yellow: #FFCC00;
    --bs-green: #028824;
    --bs-teal: #20c997;
    --bs-lime: #90ca4b;
    --bs-cyan: #30beff;
    --bs-white: #FFFFFF;
    --bs-muted: #869ac0;
    --bs-black: #000000;
    --bs-gray-100: #ebeef4;
    --bs-gray-200: #dae0ec;
    --bs-gray-300: #c9d2e3;
    --bs-gray-400: #a8b6d1;
    --bs-gray-500: #869ac0;
    --bs-gray-600: #657eae;
    --bs-gray-700: #4d6593;
    --bs-gray-800: #3c4e71;
    --bs-gray-900: #212837;
    --bs-default-rgb: 218, 224, 236;
    --bs-theme-rgb: 31, 107, 255;
    --bs-theme-color-rgb: 255, 255, 255;
    --bs-primary-rgb: 31, 107, 255;
    --bs-secondary-rgb: 201, 210, 227;
    --bs-success-rgb: 2, 136, 36;
    --bs-info-rgb: 48, 190, 255;
    --bs-warning-rgb: 255, 149, 0;
    --bs-danger-rgb: 230, 24, 13;
    --bs-light-rgb: 235, 238, 244;
    --bs-dark-rgb: 33, 40, 55;
    --bs-blue-rgb: 31, 107, 255;
    --bs-indigo-rgb: 100, 13, 243;
    --bs-purple-rgb: 111, 66, 193;
    --bs-pink-rgb: 214, 51, 132;
    --bs-red-rgb: 230, 24, 13;
    --bs-orange-rgb: 255, 149, 0;
    --bs-yellow-rgb: 255, 204, 0;
    --bs-green-rgb: 2, 136, 36;
    --bs-teal-rgb: 32, 201, 151;
    --bs-lime-rgb: 144, 202, 75;
    --bs-cyan-rgb: 48, 190, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-muted-rgb: 134, 154, 192;
    --bs-black-rgb: 0, 0, 0;
    --bs-gray-100-rgb: 235, 238, 244;
    --bs-gray-200-rgb: 218, 224, 236;
    --bs-gray-300-rgb: 201, 210, 227;
    --bs-gray-400-rgb: 168, 182, 209;
    --bs-gray-500-rgb: 134, 154, 192;
    --bs-gray-600-rgb: 101, 126, 174;
    --bs-gray-700-rgb: 77, 101, 147;
    --bs-gray-800-rgb: 60, 78, 113;
    --bs-gray-900-rgb: 33, 40, 55;
    --bs-primary-text-emphasis: #0c2b66;
    --bs-secondary-text-emphasis: #50545b;
    --bs-success-text-emphasis: #01360e;
    --bs-info-text-emphasis: #134c66;
    --bs-warning-text-emphasis: #663c00;
    --bs-danger-text-emphasis: #5c0a05;
    --bs-light-text-emphasis: #4d6593;
    --bs-dark-text-emphasis: #4d6593;
    --bs-primary-bg-subtle: #d2e1ff;
    --bs-secondary-bg-subtle: #ebeef4;
    --bs-success-bg-subtle: #cce7d3;
    --bs-info-bg-subtle: #d6f2ff;
    --bs-warning-bg-subtle: #fff5cc;
    --bs-danger-bg-subtle: #fad1cf;
    --bs-light-bg-subtle: #f5f7fa;
    --bs-dark-bg-subtle: #a8b6d1;
    --bs-primary-border-subtle: #a5c4ff;
    --bs-secondary-border-subtle: #dae0ec;
    --bs-success-border-subtle: #9acfa7;
    --bs-info-border-subtle: #ace5ff;
    --bs-warning-border-subtle: #ffeb99;
    --bs-danger-border-subtle: #f5a39e;
    --bs-light-border-subtle: #dae0ec;
    --bs-dark-border-subtle: #869ac0;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212837;
    --bs-body-color-rgb: 33, 40, 55;
    --bs-body-bg: #ebeef4;
    --bs-body-bg-rgb: 235, 238, 244;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 40, 55, 0.75);
    --bs-secondary-color-rgb: 33, 40, 55;
    --bs-secondary-bg: #ebeef4;
    --bs-secondary-bg-rgb: 235, 238, 244;
    --bs-tertiary-color: rgba(33, 40, 55, 0.5);
    --bs-tertiary-color-rgb: 33, 40, 55;
    --bs-tertiary-bg: #ebeef4;
    --bs-tertiary-bg-rgb: 235, 238, 244;
    --bs-heading-color: #000000;
    --bs-link-color: #1f6bff;
    --bs-link-color-rgb: 31, 107, 255;
    --bs-link-decoration: underline;
    --bs-link-hover-color: rgba(31, 107, 255, 0.5);
    --bs-link-hover-color-rgb: 31, 107, 255;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212837;
    --bs-highlight-bg: #fff5cc;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #d1d9e7;
    --bs-border-color-translucent: rgba(60, 78, 113, 0.2);
    --bs-border-radius: 6px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 9px;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-black-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-black-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-black-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-black-rgb), 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(31, 107, 255, 0.25);
    --bs-form-valid-color: #028824;
    --bs-form-valid-border-color: #028824;
    --bs-form-invalid-color: #e6180d;
    --bs-form-invalid-border-color: #e6180d;

}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
.form-control{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-component-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width)* 2));
    padding: .5rem 1rem;
    border-radius: 9px;
    
}
.for-login .page-card .page-card-body .password-field .toggle-password,
.for-login .page-card .page-card-body .field-icon{
    top:10px;
}
.sr-only{
    position: relative;
    width: auto;
    height: auto;
}
.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 6px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn.btn-default {
    --bs-btn-color: var(--bs-theme-color);
    --bs-btn-bg: var(--bs-theme);
    --bs-btn-border-color: var(--bs-theme);
    --bs-btn-hover-color: var(--bs-theme-color);
    --bs-btn-hover-bg: var(--bs-theme);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-theme-rgb);
    --bs-btn-active-color: var(--bs-theme-color);
    --bs-btn-active-bg: var(--bs-theme);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(var(--bs-theme-color-rgb), .5);
    --bs-btn-disabled-bg: rgba(var(--bs-theme-rgb), .5);
    --bs-btn-disabled-border-color: transparent; 
    background: var(--bs-theme);
    color: var(--bs-theme-color);

    --btn-default-hover-bg:var(--bs-theme);
    --text-color:var(--bs-theme-color); 
} 
.btn.btn-default:hover, div#driver-popover-item .driver-popover-footer button.btn-default:hover, .btn.btn-default:active, div#driver-popover-item .driver-popover-footer button.btn-default:active {
    background: var(--bs-theme);
    color:  var(--bs-theme-color);
}
.btn.btn-primary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #1f6bff;
    --bs-btn-border-color: #1f6bff;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #1750bf;
    --bs-btn-hover-border-color: #1750bf;
    --bs-btn-focus-shadow-rgb: 65,129,255;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #1446a6;
    --bs-btn-active-border-color: #1446a6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #1f6bff;
    --bs-btn-disabled-border-color: #1f6bff;
    background: var(--bs-btn-bg);
}

.btn.btn-login-option {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #028824;
    --bs-btn-border-color: #028824;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #02661b;
    --bs-btn-hover-border-color: #02661b;
    --bs-btn-focus-shadow-rgb: 40, 154, 69;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #015817;
    --bs-btn-active-border-color: #015817;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #028824;
    --bs-btn-disabled-border-color: #028824;
    background: #028824;
    color: #FFFFFF;
   
}

.btn.btn-login-option:hover, .btn-login-option:active {
    background: #028824;
    color:  #FFFFFF;
}

.for-login .page-card .page-card-body .forgot-password-message a{ 
    color: rgba(33, 40, 55, 0.75) !important;
    text-decoration: underline
}
.navbar-light{
    display: none;
}